From: Sam Hewitt <sam@snwh.org>
Date: Fri, 16 Nov 2018 19:05:05 +0000 (-0500)
Subject: theme: Replace corner ripple png assets with css
X-Git-Tag: archive/raspbian/50.5-1+rpi1~1^2~897^2~1^2~31
X-Git-Url: https://dgit.raspbian.org/%22http://www.example.com/cgi/%22/%22http:/www.example.com/cgi/%22?a=commitdiff_plain;h=8e7c90b930fd6bd52bfc0976d6e0750a48219cb4;p=gnome-shell.git

theme: Replace corner ripple png assets with css

https://gitlab.gnome.org/GNOME/gnome-shell/merge_requests/298
---

diff --git a/data/gnome-shell-theme.gresource.xml b/data/gnome-shell-theme.gresource.xml
index c99b71ddf..e292d33a3 100644
--- a/data/gnome-shell-theme.gresource.xml
+++ b/data/gnome-shell-theme.gresource.xml
@@ -11,8 +11,6 @@
     <file>close-window.svg</file>
     <file>close-window-active.svg</file>
     <file>close-window-hover.svg</file>
-    <file>corner-ripple-ltr.png</file>
-    <file>corner-ripple-rtl.png</file>
     <file>dash-placeholder.svg</file>
     <file>gnome-shell.css</file>
     <file>gnome-shell-high-contrast.css</file>
diff --git a/data/theme/corner-ripple-ltr.png b/data/theme/corner-ripple-ltr.png
deleted file mode 100644
index 326ecaa52..000000000
Binary files a/data/theme/corner-ripple-ltr.png and /dev/null differ
diff --git a/data/theme/corner-ripple-rtl.png b/data/theme/corner-ripple-rtl.png
deleted file mode 100644
index 26cf965f6..000000000
Binary files a/data/theme/corner-ripple-rtl.png and /dev/null differ
diff --git a/data/theme/gnome-shell-sass/_common.scss b/data/theme/gnome-shell-sass/_common.scss
index 06c50d1d9..829791419 100644
--- a/data/theme/gnome-shell-sass/_common.scss
+++ b/data/theme/gnome-shell-sass/_common.scss
@@ -1142,17 +1142,16 @@ StScrollBar {
     & > StIcon { icon-size: 16px; }
   }
 
-//Activities Ripples
+// Activities Ripples
 .ripple-box {
   width: 52px;
   height: 52px;
-  background-image: url("resource:///org/gnome/shell/theme/corner-ripple-ltr.png");
-  background-size: contain;
+  border-radius: 0 0 52px 0; // radius the size of the box give us the curve
+  background-color: lighten(transparentize($selected_bg_color, 0.7), 40%);
+  box-shadow: 0 0 2px 2px lighten($selected_bg_color, 20%);
 }
 
-.ripple-box:rtl {
-  background-image: url("resource:///org/gnome/shell/theme/corner-ripple-rtl.png");
-}
+.ripple-box:rtl { border-radius: 0 0 0 52px; } // just a simple change to the border radius position
 
 // not really top bar only
 .popup-menu-arrow { width: 16px; height: 16px; }